<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <title>Brownie - Portfolio Detail</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="robots" content="index,follow" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" />
    <link rel="stylesheet" href="css/flexslider.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/selectivizr-min.js"></script>
<link rel="stylesheet" href="css/ie_7.css" type="text/css" />
<![endif]-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="js/all-in-one.js"></script>
    <script type="text/javascript" src="js/setup.js"></script>
    <script type="text/javascript" src="js/portfolio-detail.js"></script>
<script type="text/javascript">
$(window).load(function(){
	$('#demo-side-bar').removeAttr('style');
});
</script>
<style type="text/css">
.demobar{display:none;}
#demo-side-bar{top:53px!important;left:90%!important;display:block!important;}
</style>
 <!--Dynamically creates ads markup-->
   <?php include("http://www.egrappler.com/ads-header.php"); ?>
    <!-- Header -->
    <header class="header_bg clearfix">
		<div class="container clearfix">
        	<!-- Social -->
            	<ul class="social-links">
                	<li ><a href="javascript:"><img src="images/facebook.png" alt="Facebook"></a></li>
                    <li ><a href="javascript:"><img src="images/twitter.png" width="24" height="24" alt="Twitter"></a></li>
                </ul>
            <!-- /Social -->
			 <!-- Logo -->
			<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" /></a>
			</div>
			 <!-- /Logo -->
			
			<!-- Master Nav -->
			<nav class="main-menu">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li>
						<a>分类</a>
						<ul>
							
							<li><a href="typography.html">热门景点</a></li>
							<li><a href="blog_single.html">微博动态</a></li>
							<li><a href="elements.html">游玩直播</a></li>
							
							<li><a href="javascript:">攻略</a>
								<ul>
									<li><a href="pricing_2_cols.html">旅行路线</a></li>
                                    <li><a href="bbs.html">达人游记</a></li>
                                    <li><a href="pricing_5_cols.html">问答</a></li>
									
								</ul>
							</li>
                            
                            <li><a href="full_width.html">美文</a></li>
						</ul>
					</li>
					<li><a>主题</a>
						<ul>
							<li><a href="portfolio_2_cols.html">名山大川</a></li>
							<li><a href="portfolio_3_cols.html">海滨海岛</a></li>
							<li><a href="portfolio_4_cols.html">主题乐园</a></li>
							<li><a href="portfolio_5_cols.html">婚纱摄影</a></li>
						</ul>
					</li>
					<li><a href="registerIndex.html">注册</a></li>
					<li><a href="loginIndex.html">登录</a></li>
				</ul>
			</nav>
			<!-- /Master Nav -->
		</div>
	</header>
    <!-- /Header -->
    <!-- START CONTENT -->
    <section class="container clearfix">
		<!-- Page Title -->
			<header class="container page_info clearfix">
				
					<h1 class="regular brown bottom_line">景点详情页面</h1>
				
				<div class="clear"></div>
			</header>
			
		<!-- /Page Title -->
	
		<!-- START PORTFOLIO SLIDER -->
		<div class="content clearfix">
			<div class="portfolio_slider_container">
				<ul id="slider">
					<li>
						<a data-rel="prettyPhoto" href="images/portfolio_single_1.jpg" title="Website Integration"><img src="images/portfolio_detail_1.jpg" alt="" /></a>
						<p class="caption">Custom Admin Panel</p>
					</li>
					<li>
						<a data-rel="prettyPhoto" href="images/portfolio_single_2.jpg" title="Interactive Wireframe"><img src="images/portfolio_detail_2.jpg" alt="" /></a>
						<p class="caption">Easily Customizable</p>
					</li>
					<li>
						<a data-rel="prettyPhoto" href="images/portfolio_single_3.jpg" title="Bounce Store Rate"><img src="images/portfolio_detail_3.jpg" alt="" /></a>
						<p class="caption">Widget Ready</p>
					</li>
					<li>
						<a data-rel="prettyPhoto" href="images/portfolio_single_4.jpg" title="Developer Friendly"><img src="images/portfolio_detail_4.jpg" alt="" /></a>
						<p class="caption">Built for Professionals</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- END PORTFOLIO SLIDER -->
		
		<!-- START PORTFOLIO DESCRIOPTION -->
		<div class="sidebar">
			<div class="padding10"></div>
			<h4 class="bottom_line regular">Resume WordPress Theme</h4>
			<div >
            <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempor mauris nec diam ultrices convallis. Donec tellus velit, tincidunt id consequat nec, tincidunt et velit. Mauris scelerisque nunc non enim cursus malesuada interdum arcu viverra. Nulla nunc diam, venenatis ut commodo a, volutpat id augue. In rhoncus turpis et nulla pretium fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc felis dolor, adipiscing ut sagittis ac. <br /><br />
            
            <a href="javascript:" class="button green">View Demo</a> 
           
            </p> 
			</div>
		
			
			
            <div class="clear padding10"></div>
			

			<h4 class="bottom_line regular">Tools & Technologies</h4>
			<p>Photoshop, Dreamweaver, CSS, HTML, jQuery</p>
            
			<div class="clear padding10"></div>
			

			<h4 class="bottom_line regular">Client</h4>
			<p>eGrappler.com </p>
			
			<div class="clear padding10"></div>
			
			<!-- START SOCIALS -->
			<h4 class="bottom_line regular">Sharing is caring</h4>
			<div class="portfolio_social">	
				<ul >
					<li><a href="#"><img src="images/facebook_32.png" width="32" height="32" alt="Facebook"></a></li>
					<li><a href="#"><img src="images/twitter_32.png" width="32" height="32" alt="Twitter"></a></li>
					<li><a href="#"><img src="images/linkedin_32.png" width="32" height="32" alt="Linkedin"></a></li>

				</ul>
			</div>
			<!-- END SOCIALS -->
				
				<div class="clear"></div>

		</div>
		<div class="clear padding40"></div>
		<!-- END PORTFOLIO DESCRIOPTION -->
		
	</section>
    <!-- END CONTENT -->
    <!-- footer -->
    <footer class="footer_bg_bottom clearfix">
		<div class="footer_bottom container">
			<div class="col_2_3">
				
				<div class="menu">
					<ul>
						<li><a href="index.html">首页</a></li>
                        <li><a href="elements.html">游玩直播</a></li>
						<li><a href="portfolio_4_cols.html">主题乐园</a></li>
						<li><a href="pricing_5_cols.html">问答</a></li>
						<li><a href="blog.html">微博</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
				
				<div class="clear padding20"></div>
				
				
				<p>
					&copy; Some Rights Reserved. &nbsp; <a href="#">Legal Notices</a>  More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
				
			</div>
			
			<div class="clear padding20"></div>
		</div>
	</footer>
    <!-- /footer -->
	
    </div>
    <!--wrapper end-->
	
</body>
</html>
